<template>
	<view class="points-rule-container">
		<view class="header-container">
			<view class="header">
				<text class="title">积分规则说明</text>
			</view>

			<view class="content">
				<!-- 一、什么是控糖积分 -->
				<view class="section">
					<text class="section-title">一、什么是控糖积分？</text>
					<view class="section-content">
						<text>控糖积分是"瑞隆安"为"患者"会员发放的专属福利，可通过下单和完成各项任务获得。</text>
					</view>
				</view>

				<!-- 二、控糖积分有什么用 -->
				<view class="section">
					<text class="section-title">二、控糖积分有什么用？</text>
					<view class="section-content">
						<text>控糖积分可在会员专属积分商城兑换"控糖物品"等商品，积分不可提现、不可转赠他人，不可在积分兑换区域外购买商品或服务。</text>
					</view>
				</view>

				<!-- 三、如何获得控糖积分 -->
				<view class="section">
					<text class="section-title">三、如何获得控糖积分？</text>
					<view class="section-content">
						<text class="subsection-title">1. 下单：</text>
						<text>用户实际支付1元，获得1积分。</text>
						
						<text class="subsection-title">2. 任务：</text>
						<text>用户完成指定任务，可获得相应奖励。部分任务有次数限制，个别任务仅奖励一次，不可重复获得。</text>
						
						<!-- 任务表格 -->
						<view class="task-table">
							<view class="table-header">
								<text class="col-task">任务</text>
								<text class="col-reward">单次奖励(积分)</text>
								<text class="col-limit">每日限制</text>
							</view>
							<view class="table-row">
								<text class="col-task">设备绑定</text>
								<text class="col-reward">500</text>
								<text class="col-limit">5</text>
							</view>
							<view class="table-row">
								<text class="col-task">完善病例信息</text>
								<text class="col-reward">300</text>
								<text class="col-limit">不可重复</text>
							</view>
							<view class="table-row">
								<text class="col-task">维护个人信息</text>
								<text class="col-reward">200</text>
								<text class="col-limit">不可重复</text>
							</view>
							<view class="table-row">
								<text class="col-task">用户有效注册</text>
								<text class="col-reward">100</text>
								<text class="col-limit">不可重复</text>
							</view>
							<view class="table-row">
								<text class="col-task">添加数据指标</text>
								<text class="col-reward">10</text>
								<text class="col-limit">5</text>
							</view>
							<view class="table-row">
								<text class="col-task">阅读文章</text>
								<text class="col-reward">3</text>
								<text class="col-limit">10</text>
							</view>
						</view>
						
						<text class="note">注：以上任务以实际任务活动为准。</text>
					</view>
				</view>

				<!-- 四、控糖积分重要规则 -->
				<view class="section">
					<text class="section-title">四、控糖积分重要规则</text>
					<view class="section-content">
						<text class="subsection-title">1. 有效期：</text>
						<text>当年获得的积分，将在次年12月31日24:00过期。平台将提前通知用户即将过期的积分余额及执行时间。</text>
						
						<text class="subsection-title">2. 使用顺序：</text>
						<text>积分使用时，将按照获得时间先后顺序进行扣减。超出有效期的积分将自动清零，无法恢复。</text>
					</view>
				</view>

				<!-- 五、补充说明 -->
				<view class="section">
					<text class="section-title">五、补充说明</text>
					<view class="section-content">
						<text>1. 控糖积分旨在鼓励用户通过小程序科学控糖。</text>
						<text>2. 用户需验证"患者"会员身份方可获得积分。</text>
						<text>3. 订单相关积分将在订单完成签收后2小时内自动到账。如订单发生退款，对应积分将不予发放或进行清零。</text>
						<text>4. 控糖积分为"瑞隆安"专属虚拟福利，可在积分商城兑换商品，不可提现、不可兑换现金。</text>
						<text>5. 如发现任何违规获取积分的行为，平台有权取消用户积分甚至账号资格，并追究法律责任。</text>
						<text>6. 本积分规则及活动的最终解释权归平台所有。平台有权根据运营情况调整规则、积分价值及兑换礼品，并通过官方渠道（如小程序公告）通知用户。</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'PointsRule',
		data() {
			return {}
		}
	}
</script>

<style>
	.points-rule-container {
		padding: 30rpx;
		background-color: #F8F8F8;
		min-height: 100vh;
	}

	.header-container {
		background-color: #fff;
		border-radius: 16rpx;
		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
	}

	.header {
		padding: 40rpx 0;
		text-align: center;
		border-bottom: 1rpx solid #f0f0f0;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
	}

	.content {
		padding: 40rpx 30rpx;
	}

	.section {
		margin-bottom: 50rpx;
	}

	.section:last-child {
		margin-bottom: 0;
	}

	.section-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 24rpx;
		display: block;
	}

	.section-content {
		padding-left: 0;
	}

	.section-content text {
		display: block;
		font-size: 28rpx;
		color: #666;
		line-height: 1.6;
		margin-bottom: 16rpx;
	}

	.subsection-title {
		font-weight: bold !important;
		color: #333 !important;
		margin-top: 20rpx !important;
		margin-bottom: 8rpx !important;
	}

	/* 任务表格样式 */
	.task-table {
		margin: 30rpx 0;
		background-color: #fff;
		border-radius: 12rpx;
		overflow: hidden;
		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
	}

	.table-header {
		display: flex;
		background-color: #f8f9fa;
		border-bottom: 1rpx solid #e9ecef;
	}

	.table-row {
		display: flex;
		border-bottom: 1rpx solid #f0f0f0;
	}

	.table-row:last-child {
		border-bottom: none;
	}

	.col-task {
		flex: 2;
		padding: 24rpx 20rpx;
		font-size: 26rpx;
		color: #333;
		text-align: left;
		border-right: 1rpx solid #f0f0f0;
	}

	.col-reward {
		flex: 1.5;
		padding: 24rpx 20rpx;
		font-size: 26rpx;
		color: #333;
		text-align: center;
		border-right: 1rpx solid #f0f0f0;
	}

	.col-limit {
		flex: 1.5;
		padding: 24rpx 20rpx;
		font-size: 26rpx;
		color: #333;
		text-align: center;
	}

	.table-header .col-task,
	.table-header .col-reward,
	.table-header .col-limit {
		font-weight: bold;
		color: #333;
		background-color: #f8f9fa;
	}

	.note {
		font-size: 24rpx !important;
		color: #999 !important;
		font-style: italic;
		margin-top: 20rpx !important;
	}
</style>